<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>节元素</title>
    <style>
        span {
            color: red;
            position: relative;
            /* top: 2em; */
            /* left: 2em; */
        }
    </style>
</head>

<body>
    <!-- 
    节元素，给网页分节。做容器。
    根据是否可以做容器，网页元素可以分为两种
        容器。
            p、a等有意义的容器。
            div、span等无意义的容器。
            块容器。 div、header、footer、p、ul、li等块容器。
            文字容器。a、em文字容器。
        非容器。
            img、br、hr、input等空元素都不能做容器。

    header 头部
    footer 脚部
    section 分节
    nav 导航
    aside 侧边栏
    article 文章
    address 地址

    首页，列表页、详情页。


    可以使用svg的方式来绘制图片。
    -->
    <p>给网页内容<span>分段</span>。可以做容器。</p>
    <a href="#">给某个文本、<span>图片</span>做超链接</a>
    <a href="#"><img src="img/favicon-48x48.cbbd161b.png" alt=""></a>
    <img src="img/web.png" alt="">
    <!-- <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <a xlink:href="http://www.zptc.edu.cn">
            <rect width="100" height="100" style="fill:rgb(0,0,255);stroke-width:1;
            stroke:rgb(0,0,0)" />
        </a>
        <rect x="100" width="100" height="100" style="fill:rgb(231, 33, 83);stroke-width:1;
stroke:rgb(0,0,0)" />
    </svg> -->


</body>

</html>